<template>
  <div style="margin-top: 80px;">
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="单曲" name="first">
        <m-search-song :keywords="this.$route.query.keywords" :type="1"></m-search-song>
      </el-tab-pane>
      <el-tab-pane label="专辑" name="third">
        <!-- <m-introduction-album v -show="this.temp==0" :receive="receive"></m-introduction-album> -->
        <m-search-album :keywords="this.$route.query.keywords" :type="10" v-show="temp==10"
          :receive="receive"></m-search-album>
      </el-tab-pane>
      <!-- <el-tab-pane label="歌手" name="second">配置管理</el-tab-pane>
    <el-tab-pane label="视频" name="fourth">定时任务补偿</el-tab-pane>
    <el-tab-pane label="歌单" name="fiv">定时任务补偿</el-tab-pane>
    <el-tab-pane label="歌词" name="six">定时任务补偿</el-tab-pane> -->

    </el-tabs>
  </div>
</template>

<script>
  import searchSong from '@/components/search/searchSong'
  import searchAlbum from "@/components/search/searchAlbum";
  // import introductionAlbum from "@/components/introduction/introductionAlbum";
  export default {
    name: "search",
    components: {
      "m-search-song": searchSong,
      "m-search-album": searchAlbum,
      // "m-introduction-album": introductionAlbum
    },
    data() {
      return {
        activeName: 'first',
        keywords: '',
        temp: 10//控制专辑与专辑详情界面的显示与隐藏
      };
    },
    mounted() {

    },
    methods: {
      handleClick(tab, event) {
        console.log(tab.name, event);
      },
      receive(showv) {
        console.log(showv);
        // this.temp = showv
      }
    },

  }
</script>

<style scoped>

</style>